<template>
  <div class="marginTop30">
    <el-row class="marginTop10">
      <el-col :span="4" class="text-right">堆场名称：</el-col>
      <el-col :span="18" >{{ yard.yardName }}</el-col>
    </el-row>
    <el-row class="marginTop10">
      <el-col :span="4" class="text-right">堆场地址：</el-col>
      <el-col :span="18">{{ yard.yardAddress }}</el-col>
    </el-row>
    <el-row class="marginTop10" v-if="yard?.returnBoxType!=10"> 
      <el-col :span="4" class="text-right">联系人：</el-col>
      <el-col :span="18">{{ yard.yardContact }}</el-col>
    </el-row>
    <el-row class="marginTop10" v-if="yard?.returnBoxType!=10">
      <el-col :span="4" class="text-right">联系电话：</el-col>
      <el-col :span="18">
        <span v-if="yard?.areaCode">
          +{{yard.areaCode}}
        </span>
       {{ yard.yardTel }}</el-col>
    </el-row>
    <el-row class="marginTop10" v-if="yard?.returnBoxType!=10">
      <el-col :span="4" class="text-right">堆场作业时间：</el-col>
      <el-col :span="18">{{ yard.yardWorkTime }}</el-col>
    </el-row>
    <el-row class="marginTop10" v-if="yard?.returnBoxType!=10">
      <el-col :span="4" class="text-right">备注：</el-col>
      <el-col :span="18">{{ yard.remark || '无' }}</el-col>
    </el-row>
    <el-row class="marginTop10">
      <el-col :span="4" class="text-right">状态：</el-col>
      <el-col :span="18">{{ { 5: '已发放', 10: '已下载', 15: '提箱中', 20: '已完成', 25: '作废', 30: '已过期' }[yard.status] }}</el-col>
      <!-- 5-已发放 10-已下载 15-提箱中 20-已完成 -->
    </el-row>
  </div>
</template>

<script setup lang="ts">
const props = defineProps({
  yard: {
    type: Object,
    default: () => { }
  }
})

</script>
